.clays_pagingbar {
    min-width: 400px;
}

.clays_paging_thisPage {
    font-size: 9pt !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #1f8bdb;
    border-radius: 10px;
    color: white;
}

.clays_paging_otherPage {
    font-size: 9pt !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
}

    .clays_paging_otherPage:hover {
        background-color: #3eb8b4;
        color: white;
        border-radius: 10px;
        text-decoration: none;
        cursor: pointer;
    }

.clays_pagingnav {
    background-color: #deedf3;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 3px;
}

    .clays_pagingnav:hover {
        background-color: #3eb8b4;
        color: white !important;
        text-decoration: none;
        cursor: pointer;
    }


.claysTextErrorBox {
    /*ใช้รูปแบบที่เป็นกล่องของ Error */
    background-color: #dc1e25;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
}

.claysTextErrorHeader {
    /*ใช้กับข้อความที่เป็น  Header ของ Error Message ที่ Application แสดง*/
    font-size: 20pt;
    color: White;
    background-color: #dc1e25;
}

.claysTextError {
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-size: 14pt;
    color: #ebebeb;
    background-color: #dc1e25;
    padding-bottom: 10px;
    padding-left: 15px;
}

.claysTextValidateError {
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-size: 8pt;
    color: #ebebeb;
    background-color: #dc1e25;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}


.claysTextWarningBox {
    /*ใช้รูปแบบที่เป็นกล่องของ Error */
    background-color: #f09223;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
}

.claysTextWarningHeader {
    /*ใช้กับข้อความที่เป็น Header ของ Suggestion หรือ Guideline หรือ Help text*/
    font-size: 20pt;
    color: White;
    background-color: #f09223;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 10px;
}

.claysTextWarning {
    /*ใช้กับข้อความที่เป็น Suggestion หรือ Guideline หรือ Help text*/
    font-size: 14pt;
    color: #ebebeb;
    background-color: #f09223;
    padding-top: 10px;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom:20px;
}




.claysTextInfoBox {
    /*ใช้รูปแบบที่เป็นกล่องของ Info */
    background-color: #a264a6;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
}

.claysTextInfoHeader {
    /*ใช้กับข้อความที่เป็น Header ของ Information เบื้องต้นของ Application */
    font-size: 20pt;
    color: White;
    background-color: #a264a6;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 10px;
}

.claysTextInfo {
    /*ใช้กับข้อความที่เป็น Information เบื้องต้นของ Application */
    font-size: 14pt;
    color: #ebebeb;
    background-color: #a264a6;
    padding-top: 10px;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
}



.claysTextSuccessBox {
    /*ใช้รูปแบบที่เป็นกล่องของ Info */
    background-color: #87ba42; /*bc8cbf;*/
    padding: 20px;
    margin-top: 15px;
    width: 100%;
}

.claysTextSuccessHeader {
    /*ใช้กับข้อความที่เป็น Header ของ Information เบื้องต้นของ Application */
    font-size: 20pt;
    color: White;
    background-color: #87ba42;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 10px;
}

.claysTextSuccess {
    /*ใช้กับข้อความที่เป็น Information เบื้องต้นของ Application */
    font-size: 14pt;
    color: #ebebeb;
    background-color: #87ba42;
    padding-bottom: 10px;
    line-height: 0.9;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
}